
<{extend name="index/header" /}>
<{block name="body"}>

    <!--[if lt IE 9]>
	    <script src="__INDEX__/js/html5shiv.js"></script>
	    <script src="__INDEX__/js/respond.min.js"></script>
    <![endif]--> 

    <section id="page-breadcrumb">
        <div class="vertical-center sun">
             <div class="container">
                <div class="row">
                    <div class="action">
                        <div class="col-sm-12">
                            <h1 class="title">相册详情</h1>
                            <p>details</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
   </section>

    <section id="portfolio-information" class="padding-top">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <img src="<{$photos.photosdir}>" class="img-responsive" alt="">
                </div>
                <div class="col-sm-6">
                    <div class="project-name overflow">
                        <h2 class="bold"><{$photos.photostitle}></h2>
                        <ul class="nav navbar-nav navbar-default">
                            <li><a href="#"><i class="fa fa-clock-o"></i><{$photos.phototime|date="Y-m-d",###}></a></li>
                        </ul>
                    </div>
                    <div class="project-info overflow">
                        <{$photos.photocontent}>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12">
                    <div class="row">
                        <h3>所有相片</h3>
                        <{volist name="photos.photode" id="vo"}>
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <div class="portfolio-wrapper">
                                <div class="portfolio-single">
                                    <div class="portfolio-thumb" style="height:200px;margin-bottom:20px;">
                                        <img src="<{$vo.photodedir}>" style="width: 100%;height:100%;" class="img-responsive" alt="">
                                    </div>
                                    <div class="portfolio-view">
                                        <ul class="nav nav-pills">
                                            <li>
                                                <a href="<{$vo.photodedir}>" data-lightbox="example-set">
                                                    <i class="fa fa-eye"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <{/volist}>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="related-work" class="padding-top padding-bottom">
        <div class="container">
            <div class="row">
                <h1 class="title text-center">更多相册</h1>
                <{volist name="list" id="vo"}>
                <div class="col-sm-3">
                    <div class="portfolio-wrapper">
                        <div class="portfolio-single">
                            <div class="portfolio-thumb" style="height:200px;">
                                <img src="<{$vo.photosdir}>" class="img-responsive" alt="" style="width: 100%;height: 100%;">
                            </div>
                            <div class="portfolio-view">
                                <ul class="nav nav-pills">
                                    <li><a href="<{:url('zhuanji/photolist')}>"><i class="fa fa-link"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="portfolio-info ">
                            <h2><{$vo.photostitle}></h2>
                        </div>
                    </div>
                </div>
                <{/volist}>

            </div>
        </div>
    </section>

<{/block}>
